import React from 'react';
import { useParams } from 'react-router-dom';
import { Box, Paper } from '@mui/material';
import PaymentMethodsUserInterface from 'components/ui/PaymentMethodsUserInterface';

/**
 * Set Default Card page component
 * Uses PaymentMethodsUserInterface with actionType="setDefault"
 * Takes cardId from URL params
 */
const SetDefaultCardPage = () => {
  const { cardId } = useParams();
  
  return (
    <Box>
      <Paper elevation={1} sx={{ p: 3 }}>
        <PaymentMethodsUserInterface 
          cardId={cardId}
          actionType="setDefault"
          initiallyExpanded={false}
        />
      </Paper>
    </Box>
  );
};

export default SetDefaultCardPage;